<template>
  <PorjectLink>
    <view class="projectCont">
      <view class="title">
        ”联想小测验
      </view>
      <view class="content">
        般健康问卷(The General Health Questionnair, GHQ)是David
        Goldberg中文版GHQ-12已被证实可作为精神疾病流行病学调查和社区卫生服务识别心理障碍的筛选工具。该问卷总分可以作为心理健康状况的总体指标，分数愈高，心理健康状况愈差。
      </view>
      <view class="footer">
        <view class="itemBox">
          <!--          <view class="contTitle num"><span class="cNumber">{{ testForm?.subCnt }}</span> 题</view>-->
          <view class="contTitle num"><span class="cNumber">31</span> 题</view>
          <view class="center num">题目数量</view>
        </view>
        <view class="itemBox">
          <!--          <view class="contTitle"><span class="cNumber">{{ testForm?.testTime }}</span>分</view>-->
          <view class="contTitle num"><span class="cNumber">10</span> 题</view>
          <view class="center">答题时间</view>
        </view>
      </view>

    </view>
    <view class="beginBtn" @click="handleAnswer">
      开始练习
    </view>
  </PorjectLink>
</template>

<script setup lang="ts">
import PorjectLink from "@/components/links/third.vue";
import {useRouter} from "vue-router";
const router = useRouter()
const handleAnswer = ()=>{
  //#ifdef H5
  router.push('/pages/project/project?inkblot=1')
  //#endif
  //#ifdef APP-PLUS
  uni.navigateTo({url:'/pages/project/project?inkblot=1'})
  //#endif
}
import {onMounted} from "vue";
import {getInkblotList} from "@/api/inklot";
import {setSessionStorage} from "@/utils";

onMounted(()=>{
  getInkblotList().then((res:any)=>{
    console.log(res)
    setSessionStorage("inkblotList",res.rows)
  })
})
</script>


<style scoped lang="scss">
.projectCont{
  padding: 20rpx 20rpx 20rpx 50rpx;
  width: 340rpx;
  position: relative;
  .title{
    margin-left: -20rpx;
    font-weight: 600;
    font-size: 23.4rpx;
    color: #00FFF2;
    letter-spacing: 0;
  }
  .content{
    margin-top: 26.91rpx;
    font-weight: 400;
    font-size: 8.58rpx;
    color: #00FFF2;
    letter-spacing: 0;
    line-height: 15.6rpx;
    text-indent: 2em;
  }
  .footer{
    margin-top: 30rpx;
    display: flex;
    gap: 28rpx;
    .itemBox{
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-weight: 400;
      font-size: 8.97rpx;
      color: #00FFF2;
      letter-spacing: 0;
      line-height: 15.6rpx;
      .cNumber{
        font-size: 30rpx;
        font-family: AgencYr;
      }
    }
  }
}
.beginBtn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 16rpx;
  width: 125rpx;
  height: 37.11rpx;
  background-image: url('../../static/image/all_Btn.png');
  background-size: 100% 100%;
  margin-top: 15rpx;
  font-weight: 500;
  font-size: 10.92rpx;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  line-height: 37.11rpx;
}
</style>
